Components

So, the frontend of Pandora has the following components:

1. Button - a button component that accepts a borderStyle prop with the values solid or dashed (they are needed for styling the button's border)

NOTE

This component should be used for buttons in Pandora.

2. Card - a card component responsible for displaying a card with its description and name; it accepts the props cardName (Card Name) and cardDescription (Card Description) and also has an emit cardClick for when a button inside the card is clicked.

3. CardList - a list component for cards, responsible for displaying cards in a list and has a search feature. It uses data from the GameStore store internally and also uses vue-router to navigate the user to the game page when a selected card is clicked.

4. CreateCard - a component in which you need to enter the card name and description; after clicking the create button, it adds an object with the description and name to the array of cards and redirects the user to the game page.

5. Form - a component that is responsible for displaying a form.

There are other components as well, but they are not as important.